/* 
 * 全局主题系统
 * 支持多主题切换，统一管理所有颜色变量
 */

/* 默认主题 - 天空蓝主题 */
:root {
  /* 字体大小系统 */
  --font-size-base: 13px;
  --font-size-small: 12px;
  --font-size-medium: 13px;
  --font-size-large: 15px;
  --font-size-xl: 16px;

  /* 主色系 - 基于 #409eff */
  --theme-primary: #409eff;
  --theme-primary-light: #66b1ff;
  --theme-primary-lighter: #8cc5ff;
  --theme-primary-dark: #337ecc;
  --theme-primary-darker: #2b6cb0;
  
  /* 成功色系 */
  --theme-success: #67c23a;
  --theme-success-light: #85ce61;
  --theme-success-lighter: #a3d988;
  --theme-success-dark: #529b2e;
  --theme-success-darker: #437a24;
  
  /* 警告色系 */
  --theme-warning: #e6a23c;
  --theme-warning-light: #ebb563;
  --theme-warning-lighter: #f0c78a;
  --theme-warning-dark: #b8822f;
  --theme-warning-darker: #9a6b26;
  
  /* 危险色系 */
  --theme-danger: #f56c6c;
  --theme-danger-light: #f78989;
  --theme-danger-lighter: #f9a6a6;
  --theme-danger-dark: #c45656;
  --theme-danger-darker: #a34747;
  
  /* 信息色系 */
  --theme-info: #909399;
  --theme-info-light: #a6a9ad;
  --theme-info-lighter: #bcbec2;
  --theme-info-dark: #73767a;
  --theme-info-darker: #5f6266;
  
  /* 背景色系 */
  --theme-bg-primary: #ffffff;
  --theme-bg-secondary: #f8f9fa;
  --theme-bg-tertiary: #f0f2f5;
  --theme-bg-quaternary: #e4e7ed;
  
  /* 文字色系 */
  --theme-text-primary: #303133;
  --theme-text-regular: #606266;
  --theme-text-secondary: #909399;
  --theme-text-placeholder: #c0c4cc;
  
  /* 边框色系 */
  --theme-border-light: #ebeef5;
  --theme-border-base: #dcdfe6;
  --theme-border-dark: #c0c4cc;
  --theme-border-darker: #a8abb2;
  
  /* 阴影 */
  --theme-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  --theme-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  --theme-shadow-dark: 0 4px 8px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12);
  
  /* 表格专用变量 */
  --theme-table-header-bg: var(--theme-primary);
  --theme-table-header-color: #ffffff;
  --theme-table-header-border: rgba(255, 255, 255, 0.2);
  --theme-table-row-bg: var(--theme-bg-primary);
  --theme-table-row-hover-bg: var(--theme-bg-secondary);
  --theme-table-row-stripe-bg: var(--theme-bg-secondary);
  --theme-table-row-border: var(--theme-border-light);
  --theme-table-text-color: var(--theme-text-regular);
  --theme-table-text-hover-color: var(--theme-text-primary);
  --theme-table-action-color: var(--theme-primary);
  --theme-table-action-hover-color: var(--theme-primary-dark);
  
  /* 按钮变量 */
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  
  /* 菜单变量 */
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-menu-text-color: #ffffff;
  --theme-menu-submenu-bg: var(--theme-bg-primary);
  --theme-menu-submenu-text-color: var(--theme-text-regular);
  --theme-menu-submenu-hover-bg: var(--theme-bg-secondary);
  --theme-menu-submenu-hover-color: var(--theme-primary);
  
  /* 头部导航变量 */
  --theme-header-bg: var(--theme-primary);
  --theme-header-text-color: #ffffff;
  
  /* 分页变量 */
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 青绿色主题 */
[data-theme="teal"] {
  --theme-primary: #009688;
  --theme-primary-light: #00baa8;
  --theme-primary-lighter: #017e72;
  --theme-primary-dark: #006e63;
  --theme-primary-darker: #09796d;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-link-color: var(--theme-primary);
  --theme-link-hover-color: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-tag-primary-bg: var(--theme-primary);
  --theme-tag-primary-border: var(--theme-primary);
  --theme-progress-bg: var(--theme-primary);
  --theme-switch-on-bg: var(--theme-primary);
}

/* 珊瑚色主题 */
[data-theme="coral"] {
  --theme-primary: #ff7875;
  --theme-primary-light: #ff9c99;
  --theme-primary-lighter: #ffbfbd;
  --theme-primary-dark: #e65a57;
  --theme-primary-darker: #cc4c49;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 橙色主题 */
[data-theme="orange"] {
  --theme-primary: #f6ad55;
  --theme-primary-light: #f8c078;
  --theme-primary-lighter: #fad29b;
  --theme-primary-dark: #e89a32;
  --theme-primary-darker: #d6870f;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 红色主题 */
[data-theme="red"] {
  --theme-primary: #f56c6c;
  --theme-primary-light: #f78989;
  --theme-primary-lighter: #f9a6a6;
  --theme-primary-dark: #e85656;
  --theme-primary-darker: #db4040;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 蓝色主题 */
[data-theme="blue"] {
  --theme-primary: #3963bc;
  --theme-primary-light: #5a7bc9;
  --theme-primary-lighter: #7b93d6;
  --theme-primary-dark: #2e4f9a;
  --theme-primary-darker: #233b78;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 绿色主题 */
[data-theme="green"] {
  --theme-primary: #36b368;
  --theme-primary-light: #57c285;
  --theme-primary-lighter: #78d1a2;
  --theme-primary-dark: #2a8a51;
  --theme-primary-darker: #1e613a;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 粉色主题 */
[data-theme="pink"] {
  --theme-primary: #ffc0cb;
  --theme-primary-light: #ffcdd6;
  --theme-primary-lighter: #ffdae1;
  --theme-primary-dark: #e6adb6;
  --theme-primary-darker: #cc9aa1;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 天空蓝主题 */
[data-theme="sky"] {
  --theme-primary: #409eff;
  --theme-primary-light: #66b1ff;
  --theme-primary-lighter: #8cc5ff;
  --theme-primary-dark: #337ecc;
  --theme-primary-darker: #2b6cb0;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 紫色主题 */
[data-theme="purple"] {
  --theme-primary: #9c27b0;
  --theme-primary-light: #ba68c8;
  --theme-primary-lighter: #ce93d8;
  --theme-primary-dark: #7b1fa2;
  --theme-primary-darker: #6a1b9a;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 靛蓝主题 */
[data-theme="indigo"] {
  --theme-primary: #6366f1;
  --theme-primary-light: #818cf8;
  --theme-primary-lighter: #a5b4fc;
  --theme-primary-dark: #4f46e5;
  --theme-primary-darker: #4338ca;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 青蓝主题 */
[data-theme="cyan"] {
  --theme-primary: #06b6d4;
  --theme-primary-light: #22d3ee;
  --theme-primary-lighter: #67e8f9;
  --theme-primary-dark: #0891b2;
  --theme-primary-darker: #0e7490;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 翠绿主题 */
[data-theme="emerald"] {
  --theme-primary: #10b981;
  --theme-primary-light: #34d399;
  --theme-primary-lighter: #6ee7b7;
  --theme-primary-dark: #059669;
  --theme-primary-darker: #047857;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 柠檬绿主题 */
[data-theme="lime"] {
  --theme-primary: #84cc16;
  --theme-primary-light: #a3e635;
  --theme-primary-lighter: #bef264;
  --theme-primary-dark: #65a30d;
  --theme-primary-darker: #4d7c0f;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 琥珀色主题 */
[data-theme="amber"] {
  --theme-primary: #f59e0b;
  --theme-primary-light: #fbbf24;
  --theme-primary-lighter: #fcd34d;
  --theme-primary-dark: #d97706;
  --theme-primary-darker: #b45309;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 玫瑰红主题 */
[data-theme="rose"] {
  --theme-primary: #f43f5e;
  --theme-primary-light: #fb7185;
  --theme-primary-lighter: #fda4af;
  --theme-primary-dark: #e11d48;
  --theme-primary-darker: #be123c;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 石板灰主题 */
[data-theme="slate"] {
  --theme-primary: #2b333e;
  --theme-primary-light: #475569;
  --theme-primary-lighter: #64748b;
  --theme-primary-dark: #1e293b;
  --theme-primary-darker: #0f172a;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 紫罗兰主题 */
[data-theme="violet"] {
  --theme-primary: #8b5cf6;
  --theme-primary-light: #a78bfa;
  --theme-primary-lighter: #c4b5fd;
  --theme-primary-dark: #7c3aed;
  --theme-primary-darker: #6d28d9;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 金色主题 */
[data-theme="gold"] {
  --theme-primary: #ffd700;
  --theme-primary-light: #ffed4e;
  --theme-primary-lighter: #fef08a;
  --theme-primary-dark: #eab308;
  --theme-primary-darker: #ca8a04;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 薄荷绿主题 */
[data-theme="mint"] {
  --theme-primary: #00d4aa;
  --theme-primary-light: #2dd4bf;
  --theme-primary-lighter: #5eead4;
  --theme-primary-dark: #0d9488;
  --theme-primary-darker: #0f766e;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}

/* 深红色主题 */
[data-theme="crimson"] {
  --theme-primary: #dc143c;
  --theme-primary-light: #ef4444;
  --theme-primary-lighter: #f87171;
  --theme-primary-dark: #b91c1c;
  --theme-primary-darker: #991b1b;

  --theme-table-header-bg: var(--theme-primary);
  --theme-button-primary-bg: var(--theme-primary);
  --theme-button-primary-border: var(--theme-primary);
  --theme-button-primary-hover-bg: var(--theme-primary-light);
  --theme-button-primary-hover-border: var(--theme-primary-light);
  --theme-button-primary-active-bg: var(--theme-primary-dark);
  --theme-button-primary-active-border: var(--theme-primary-dark);
  --theme-menu-bg: var(--theme-primary);
  --theme-menu-hover-bg: var(--theme-primary-light);
  --theme-menu-active-bg: var(--theme-primary-dark);
  --theme-header-bg: var(--theme-primary);
  --theme-pagination-active-bg: var(--theme-primary);
  --theme-pagination-active-border: var(--theme-primary);
  --theme-pagination-hover-bg: var(--theme-primary-light);
}



/* Element Plus 变量覆盖 */
:root {
  /* 基础颜色 */
  --el-color-primary: var(--theme-primary);
  --el-color-primary-light-3: var(--theme-primary-light);
  --el-color-primary-light-5: var(--theme-primary-lighter);
  --el-color-primary-light-7: var(--theme-primary-lighter);
  --el-color-primary-light-8: var(--theme-primary-lighter);
  --el-color-primary-light-9: var(--theme-primary-lighter);
  --el-color-primary-dark-2: var(--theme-primary-dark);
  --el-color-success: var(--theme-success);
  --el-color-warning: var(--theme-warning);
  --el-color-danger: var(--theme-danger);
  --el-color-error: var(--theme-danger);
  --el-color-info: var(--theme-info);

  /* 背景色 */
  --el-bg-color: var(--theme-bg-primary);
  --el-bg-color-page: var(--theme-bg-tertiary);
  --el-bg-color-overlay: var(--theme-bg-primary);

  /* 文字色 */
  --el-text-color-primary: var(--theme-text-primary);
  --el-text-color-regular: var(--theme-text-regular);
  --el-text-color-secondary: var(--theme-text-secondary);
  --el-text-color-placeholder: var(--theme-text-placeholder);
  --el-text-color-disabled: var(--theme-text-placeholder);

  /* 边框色 */
  --el-border-color: var(--theme-border-base);
  --el-border-color-light: var(--theme-border-light);
  --el-border-color-lighter: var(--theme-border-light);
  --el-border-color-extra-light: var(--theme-border-light);
  --el-border-color-dark: var(--theme-border-dark);
  --el-border-color-darker: var(--theme-border-darker);

  /* 填充色 */
  --el-fill-color: var(--theme-bg-secondary);
  --el-fill-color-light: var(--theme-bg-secondary);
  --el-fill-color-lighter: var(--theme-bg-secondary);
  --el-fill-color-extra-light: var(--theme-bg-secondary);
  --el-fill-color-dark: var(--theme-bg-quaternary);
  --el-fill-color-darker: var(--theme-bg-quaternary);
  --el-fill-color-blank: var(--theme-bg-primary);

  /* 按钮相关 */
  --el-button-bg-color: var(--theme-bg-primary);
  --el-button-border-color: var(--theme-border-base);
  --el-button-hover-bg-color: var(--theme-bg-secondary);
  --el-button-hover-border-color: var(--theme-border-dark);
  --el-button-active-bg-color: var(--theme-bg-quaternary);
  --el-button-active-border-color: var(--theme-border-darker);

  /* Switch 开关相关 */
  --el-switch-on-color: var(--theme-primary);
  --el-switch-off-color: var(--theme-border-dark);
  --el-switch-border-color: var(--theme-border-base);

  /* 输入框相关 */
  --el-input-bg-color: var(--theme-bg-primary);
  --el-input-border-color: var(--theme-border-base);
  --el-input-hover-border-color: var(--theme-border-dark);
  --el-input-focus-border-color: var(--theme-primary);

  /* 表格相关 */
  --el-table-bg-color: var(--theme-bg-primary);
  --el-table-tr-bg-color: var(--theme-bg-primary);
  --el-table-header-bg-color: var(--theme-primary);
  --el-table-header-text-color: #ffffff;
  --el-table-row-hover-bg-color: var(--theme-bg-secondary);
  --el-table-border-color: var(--theme-border-light);

  /* 菜单相关 */
  --el-menu-bg-color: var(--theme-bg-primary);
  --el-menu-hover-bg-color: var(--theme-bg-secondary);
  --el-menu-item-hover-bg-color: var(--theme-bg-secondary);
  --el-menu-active-color: var(--theme-primary);

  /* 标签页相关 */
  --el-tabs-header-bg-color: var(--theme-bg-primary);

  /* 对话框相关 */
  --el-dialog-bg-color: var(--theme-bg-primary);
  --el-overlay-color: rgba(0, 0, 0, 0.5);

  /* 分页相关 */
  --el-pagination-bg-color: var(--theme-bg-primary);
  --el-pagination-button-bg-color: var(--theme-bg-primary);
  --el-pagination-hover-color: var(--theme-primary);

  /* 下拉菜单相关 */
  --el-dropdown-bg-color: var(--theme-bg-primary);
  --el-dropdown-border-color: var(--theme-border-light);

  /* 工具提示相关 */
  --el-tooltip-bg-color: var(--theme-text-primary);

  /* 消息提示相关 */
  --el-message-bg-color: var(--theme-bg-primary);
  --el-message-border-color: var(--theme-border-light);

  /* 通知相关 */
  --el-notification-bg-color: var(--theme-bg-primary);
  --el-notification-border-color: var(--theme-border-light);

  /* 抽屉相关 */
  --el-drawer-bg-color: var(--theme-bg-primary);

  /* 弹出框相关 */
  --el-popover-bg-color: var(--theme-bg-primary);
  --el-popover-border-color: var(--theme-border-light);

  /* 卡片相关 */
  --el-card-bg-color: var(--theme-bg-primary);
  --el-card-border-color: var(--theme-border-light);

  /* 折叠面板相关 */
  --el-collapse-header-bg-color: var(--theme-bg-secondary);
  --el-collapse-content-bg-color: var(--theme-bg-primary);
  --el-collapse-border-color: var(--theme-border-light);

  /* 选择器相关 */
  --el-select-input-focus-border-color: var(--theme-primary);
  --el-select-border-color-hover: var(--theme-border-dark);

  /* 复选框相关 */
  --el-checkbox-checked-bg-color: var(--theme-primary);
  --el-checkbox-checked-input-border-color: var(--theme-primary);
  --el-checkbox-input-border-color-hover: var(--theme-primary);

  /* 单选框相关 */
  --el-radio-checked-bg-color: var(--theme-primary);
  --el-radio-checked-border-color: var(--theme-primary);
  --el-radio-input-border-color-hover: var(--theme-primary);

  /* 滑块相关 */
  --el-slider-main-bg-color: var(--theme-primary);
  --el-slider-runway-bg-color: var(--theme-border-light);
  --el-slider-button-bg-color: var(--theme-primary);

  /* 进度条相关 */
  --el-progress-bg-color: var(--theme-border-light);
  --el-progress-text-color: var(--theme-text-regular);

  /* 标签相关 */
  --el-tag-bg-color: var(--theme-bg-secondary);
  --el-tag-border-color: var(--theme-border-light);
  --el-tag-text-color: var(--theme-text-regular);

  /* 徽章相关 */
  --el-badge-bg-color: var(--theme-danger);
  --el-badge-text-color: #ffffff;

  /* 警告框相关 */
  --el-alert-bg-color: var(--theme-bg-secondary);
  --el-alert-border-color: var(--theme-border-light);

  /* 加载相关 */
  --el-loading-spinner-color: var(--theme-primary);
  --el-loading-text-color: var(--theme-primary);

  /* 骨架屏相关 */
  --el-skeleton-color: var(--theme-bg-secondary);
  --el-skeleton-to-color: var(--theme-bg-quaternary);

  /* 空状态相关 */
  --el-empty-fill-color-0: var(--theme-bg-secondary);
  --el-empty-fill-color-1: var(--theme-bg-quaternary);

  /* 结果页相关 */
  --el-result-title-color: var(--theme-text-primary);
  --el-result-subtitle-color: var(--theme-text-regular);

  /* 时间线相关 */
  --el-timeline-node-bg-color: var(--theme-bg-primary);
  --el-timeline-node-color: var(--theme-border-base);

  /* 回到顶部相关 */
  --el-backtop-bg-color: var(--theme-bg-primary);
  --el-backtop-text-color: var(--theme-primary);
  --el-backtop-hover-bg-color: var(--theme-bg-secondary);
}

/* 全局样式覆盖 - 确保主题正确应用 */
.el-button--primary {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

.el-button--primary:hover {
  background-color: var(--theme-primary-light) !important;
  border-color: var(--theme-primary-light) !important;
}

.el-button--primary:active {
  background-color: var(--theme-primary-dark) !important;
  border-color: var(--theme-primary-dark) !important;
}

.el-switch.is-checked .el-switch__core {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-primary) !important;
  border-color: var(--theme-primary) !important;
}

.el-radio__input.is-checked .el-radio__inner::after {
  background-color: #ffffff !important;
}

.el-input__wrapper.is-focus {
  border-color: var(--theme-primary) !important;
  box-shadow: 0 0 0 1px var(--theme-primary) inset !important;
}

.el-select .el-input.is-focus .el-input__wrapper {
  border-color: var(--theme-primary) !important;
}

.el-pagination .el-pager li.is-active {
  background-color: var(--theme-primary) !important;
  color: #ffffff !important;
}

.el-pagination .el-pager li:hover {
  color: var(--theme-primary) !important;
}

.el-pagination .btn-next:hover,
.el-pagination .btn-prev:hover {
  color: var(--theme-primary) !important;
}

.el-link.el-link--primary {
  color: var(--theme-primary) !important;
}

.el-link.el-link--primary:hover {
  color: var(--theme-primary-light) !important;
}

.el-tabs__active-bar {
  background-color: var(--theme-primary) !important;
}

.el-tabs__item.is-active {
  color: var(--theme-primary) !important;
}

.el-tabs__item:hover {
  color: var(--theme-primary) !important;
}

.el-menu-item.is-active {
  color: var(--theme-primary) !important;
}

.el-sub-menu__title:hover {
  color: var(--theme-primary) !important;
}

.el-dropdown-menu__item:hover {
  background-color: var(--theme-bg-secondary) !important;
  color: var(--theme-primary) !important;
}
